<template>
  <section class="todoapp">
    <TodoHeaderVue></TodoHeaderVue>
    <TodoMainVue></TodoMainVue>
    <TodoFooterVue></TodoFooterVue>
  </section>
</template>

<script>
// 样式引入 + 导入组件并注册使用
import "@/styles/base.css";
import "@/styles/index.css";

import TodoHeaderVue from "./components/TodoHeader.vue";
import TodoMainVue from "./components/TodoMain.vue";
import TodoFooterVue from "./components/TodoFooter.vue";
export default {
  data() {
    return {};
  },
  components: {
    TodoHeaderVue,
    TodoMainVue,
    TodoFooterVue,
  },
};
</script>
